import Dialog from  "./Dialog.vue"
import { createApp , h } from "vue"
export const openDialog = (options) => {
    const { title , content , OK , Cancel } = options;
    const div = document.createElement("div");
    document.body.appendChild(div);
    const close = () => {
        // @ts-ignore
        app.unmount(div)
        div.remove()
    }
    const app = createApp({
        render() {
            return h(Dialog , { visible: true ,
                'onUpdate:visible':(newVisible) => {
                    if(newVisible === false) { close()}
                },
                OK,Cancel
            } , { title , content })
        }
    })
    app.mount(div)
}